<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header>
        <h1>
            <a href="">
                <img src="images/logo.png" alt="">
            </a>
        </h1>
        <nav class="clear_fix">
            <li><a href="">
                    <span>首页
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>服务
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>作品
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>运维
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>实力
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>新闻
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>关于
                        <p>HOME</p>
                    </span>
                </a></li>
            <li><a href="">
                    <span>联络
                        <p>HOME</p>
                    </span>
                </a></li>
        </nav>
    </header>
    <div id="banner">
        <img class="banner_pic" src="images/banner.jpg" alt="">
    </div>
    <main>
        <section class="section1_content">
            <hgroup>
                <h2><img src="images/bus_h2.jpg" alt=""></h2>
                <h5>超凡科技实现产品全面覆盖一站式管理解决方案</h5>
                <h5>一对一服务，良好的售后服务，超凡是您值得信赖的珠海网络公司</h5>
            </hgroup>
            <article>
                <div>
                    <span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
                <div><span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
                <div><span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
                <div><span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
                <div><span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
                <div><span>营销网站建设</span>
                    <aside>
                        站在品牌建设公司的角度，满足提供的各项要求,炽银小心
                    </aside>
                </div>
            </article>
        </section>
        <section class="section2_content">
            <hgroup>
                <h2><img src="images/clien_h2.jpg" alt=""></h2>
                <h5>超凡科技服务于这些客户，为他们塑造全新的互联网品牌形象</h5>
            </hgroup>
            <article>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </article>
        </section>
        <section class="section3_content">
            <hgroup>
                <h2><img src="images/work_h2.jpg" alt=""></h2>
                <h5>珠海网站制作公司哪家好？超凡科技用我们引以为傲的建站技术与服务，为客户创造无与伦比的价值</h5>
            </hgroup>
            <article>
                <div>
                    <!-- <span></span> -->

                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </article>
        </section>
        <section class="section4_content">
            <hgroup>
                <h2><img src="images/news_h2.jpg" alt=""></h2>
                <h5>珠海网站建设公司哪家好？超凡自始至终只专注于技术与服务，您有任意商业设想，我们都有专业技术、人员、方案为您精诚服务。</h5>
            </hgroup>
            <article>
                <div>
                    <img src="images/npic1.jpg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
                <div>
                    <img src="images/npic2.jpg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
                <div>
                    <img src="images/npic3.jpg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
                <div>
                    <img src="images/npic4.jpg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
                <div>
                    <img src="images/npic5.jpeg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
                <div>
                    <img src="images/npic6.jpeg" alt="">
                    <aside>
                        <h5>H5响应式网站有哪些好处</h5>
                        <p>这两年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问网站人可能会问</p>
                        <em><span>2019.02.10</span> <a href="">建站知识</a></em>
                    </aside>
                </div>
            </article>
        </section>
        <section class="section5_content">
            <hgroup>
                <h2><img src="images/exp_h2.jpg" alt=""></h2>
                <h5>珠海做网站公司哪家好？超凡科技能为客户提供稳定，高效的网站策划及品牌网站建设一站式服务</h5>
            </hgroup>
            <article>
                <div>
                    <i></i>
                    <span>专业程序化</span>
                </div>
                <div>
                    <i></i>
                    <span>专业程序化</span>
                </div>
                <div>
                    <i></i>
                    <span>专业程序化</span>
                </div>
                <div>
                    <i></i>
                    <span>专业程序化</span>
                </div>
            </article>
            <aside>
                <img src="images/expe_liu_tu.png" alt="">
            </aside>
        </section>
        <section class="section6_outside">
            <section class="section6_content">
                <div>
                    <p>14
                        <i></i>
                    </p>
                    <span>14年网站建设经验，体现完美品质</span>
                </div>
                <div>
                    <p>1800
                        <i></i>
                    </p>
                    <span>14年网站建设经验，体现完美品质</span>
                </div>
                <div>
                    <p>14
                        <i></i>
                    </p>
                    <span>14年网站建设经验，体现完美品质</span>
                </div>
            </section>
        </section>
    </main>
    <footer>
        <hgroup>
            <h2><img src="images/contact_h2.png" alt=""></h2>
            <h5>只要关乎创意 建站 视觉 开发，超凡都能帮你实现</h5>
        </hgroup>
        <article>
            <figure>
                <figcaption><i></i></figcaption>
                <div>
                    <h6>来电咨询</h6>
                    <p>0768-6666666</p>
                </div>
            </figure>
            <figure>
                <figcaption><i></i></figcaption>
                <div>
                    <h6>来电咨询</h6>
                    <p>0768-6666666</p>
                </div>
            </figure>
            <figure>
                <figcaption><i></i></figcaption>
                <div>
                    <h6>来电咨询</h6>
                    <p>0768-6666666</p>
                </div>
            </figure>
            <figure>
                <figcaption><i></i></figcaption>
                <div>
                    <h6>来电咨询</h6>
                    <p>0768-6666666</p>
                </div>
            </figure>
        </article>
        <section>
            <div>
                <i></i>
                <span>十三年专注网站建设</span>
            </div>
            <div><i></i>
                <span>十三年专注网站建设</span></div>
            <div><i></i>
                <span>十三年专注网站建设</span></div>
            <div><i></i>
                <span>十三年专注网站建设</span></div>
        </section>
        <aside class="clear_fix">
            <div>
                <p>官网：http://www.chaofanshuma.com</p>
                <p>手机：13697725018（康小姐）/ 13697710843 （田先生）</p>
                <p>邮箱：tina@chaofankeji.cn</p>
                <p>公司地址：珠海市香洲区人民东路221号西海大厦B座905室</p>
                <p>国家高新技术企业证书：GR201744006293 软件产品登记证书：2017SR167504 计算机软件著作权登记证书：2017SR166076 © 2005-2018 HyperNotion,Inc.All rights reserved.</p>
            </div>
            <div>
                <figure>
                    <figcaption><img src="images/foot_mobileCode.jpg" alt="">
                    </figcaption>
                    康小姐
                </figure>
                <figure>
                    <figcaption><img src="images/foot_mobileCode.jpg" alt="">
                    </figcaption>
                    康小姐
                </figure>
            </div>
        </aside>
        <p class="youqing">
            <span>友情链接：</span>
            <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
            <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
            <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
        </p>
    </footer>
</body>

</html>